<html xmlns="http://www.w3.org/1999/xhtm">
  <title>Workouts Log</title>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    <link rel="stylesheet" href="stylesheets/iphone.css" />
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
  </head>

  <body>
  	<div id="header">
		<h1>Workouts Log</h1>
		<a href="index.html" id="backButton">Back</a>
	</div>

    <form name="workout" method="post">
      <h3>Date</h3>
<ul class="form">
      <table>
	<tr><td>
	<li>
            <select id="lol">
	     <optgroup label="day">
              <option selected="selected" value={% now "j" %}> {% now "j" %} </option>
              {% for day in days %}<option value={{ day }}> {{day}} </option>{% endfor %}
	    </optgroup>
            </select>
	</li>
	    </td><td>
	    <li>
            <select id="lol">
	     <optgroup label="month">
              <option selected="selected" value="{% now "M" %}">
               {% now "M" %}
              </option>
              {% for month in months %}
              <option value={{ month }}> {{ month }} </option>
              {% endfor %}
	      </optgroup>
            </select>
	    </li>
	    </td><td>
	    <li>
            <select id="lol">
	    <optgroup label="year">
              <option selected="selected" value={% now "Y" %}> {% now "Y" %} </option>
              {% for year in years %}<option value={{year}}> {{ year }} </option>{% endfor %}
	      </optgroup>
            </select>
	    </li>
        </td></tr>
      </table>
    </ul>
    <h3>Sport</h3>
    <ul class="form">

    <li><select id="lol">
      {% for sport in sports %}
      <option value={{ sport }}>{{ sport }}</option>
      {% endfor %}
     </select></li>
    </ul>

    <h3>Duration</h3>
    <ul class="form">
    <table>
      <tr>
        <td>
		<li><select id="lol">
		{% for hour in 0..60 %}
		<option value={{ hour }}>{{ hour }}</option>
		{% endfor %}
		</select>
		</li>
	</td>
	<td>:</td>
	<td>
		<li><select id="lol">
		{% for minute in 1..60 %}
		<option value={{ minute }}>{{ minute }}</option>
		{% endfor %}
		</select>
		</li>
	</td>
	<td>:</td>


       </tr>
     </table>
     </ul>

     <h3>Distance</h3>
     <ul class="form">
     <li>
       <input type="text" name="distance"/>
     </li>
     </ul>

     <h3>Note</h3>
     <ul class="form"><li>
     <textarea /></li>
     </ul>

    </form>
    <div>
      <a href="http://code.google.com/p/workouts-log/">the project source code</a><href>
      <br>
      <img
      src="http://code.google.com/appengine/images/appengine-silver-120x30.gif"
      alt="Powered by Google App Engine" /><br>
    </body>
  </html>
